<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React 初体验</title>
  </head>
  <body>
    <!-- 需求: 在网页中显示一个 Hello React 的 H2 标签 -->
    <!-- 1. 创建一个容器 -->
    <div id="root"></div>

    <!-- 2. 引入 react 相关的文件 -->
    <!-- react 核心文件 -->
    <script src="./js/react.development.js"></script>
    <!-- react 操作 dom 的扩展包 -->
    <script src="./js/react-dom.development.js"></script>

    <script>
      //3. 创建 react 元素  <h2 a="100" b="200">Hello React</h2>
      let h2 = React.createElement('h2', {a: 100, b: 200}, 'Hello React');

      //4. render 渲染 
      ReactDOM.render(h2, document.querySelector('#root'));
    </script>
  </body>
</html>
